<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Canvas Sticky</title>
<link href="../Styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

    <h2>Canvas Sticky</h2>
    
    <p>A Sticky object can contain text and an icon. You can lock the Sticky if you want to make it read-only. There are a number of ready-coloured Stickies available in the Palette, but you can always change the colour in the Properties window.</p>
    
    <br/>
    
    <p class="font12"><strong>Properties</strong></p>
    
    <p>Selecting a Sticky in a Canvas View means that you can edit or view the following properties in the  Properties window.</p>
    
    <br/>
    
    <p class="font12"><strong>The Main Tab</strong></p>
    
    <img src="../Images/properties_canvas_sticky1.png"/>
    <p class="caption">Main Properties for a Canvas Sticky</p>
    
    <table>
      <tr valign="top">
        <td><strong>Locked:</strong></td>
        <td>Selecting this ensures that the Sticky cannot be moved or edited.</td>
      </tr>
      <tr valign="top">
        <td><strong>Content:</strong></td>
        <td>A space to enter some text content for the Sticky. The text will show up in the Sticky.</td>
      </tr>
      <tr valign="top">
        <td><strong>Notes:</strong></td>
        <td>A space to enter some text notes for the Sticky. Any notes will appear in the tooltip for the Sticky.</td>
      </tr>
    </table>
    
    <br/>
    
    <p class="font12"><strong>The Properties Tab</strong></p>
    
    <p>For more information about creating and managing User Properties see <a href="properties_user_properties.html">User Properties</a>.</p>
    
    <br/>
    
    <p class="font12"><strong>The Appearance Tab</strong></p>
    
    <img src="../Images/properties_canvas_sticky2.png"/>
    <p class="caption">Appearance Properties for a Canvas Sticky</p>
    
    <table>
      <tr valign="top">
        <td><strong>Fill colour:</strong></td>
        <td>Sets the fill colour for the selected element. The "Default" button sets the fill colour to the default setting.</td>
      </tr>
      <tr valign="top">
        <td><strong>Font:</strong></td>
        <td>Sets the font used for the text in the  selected element. The "Default" button sets the font to the default setting as  set in Preferences.</td>
      </tr>
      <tr valign="top">
        <td><strong>Font colour:</strong></td>
        <td>Sets the colour of the font used for the  text in the selected element. The "Default" button sets the fill colour to the default setting.</td>
      </tr>
      <tr valign="top">
        <td><strong>Border colour:</strong></td>
        <td>Sets the colour of the border used for the selected element. The "None" button removes the border from the element.</td>
      </tr>
      <tr valign="top">
        <td><strong>Text Alignment:</strong></td>
        <td>Align text in the selected element to Left, Centred or Right.</td>
      </tr>
      <tr valign="top">
        <td><strong>Text Position:</strong></td>
        <td>Align text in the selected element to Top, Middle or Bottom.</td>
      </tr>
      <tr valign="top">
        <td><strong>Opacity:</strong></td>
        <td>Set the opacity of the figure. Range from 0-255.</td>
      </tr>
    </table>
    
    <br/>
    
    <p class="font12"><strong>The Image Tab</strong></p>
    
    <img src="../Images/properties_canvas_sticky3.png"/>
    <p class="caption">Image Properties for a Canvas Sticky</p>
    
    <table>
      <tr valign="top">
        <td><strong>Preview:</strong></td>
        <td>A preview image that shows how the image will appear. Images are resized to a maximum width and height of 100 pixels. Double-clicking the Preview box will launch the Image Chooser dialog window. You can also drag and drop an image file from the desktop onto the Preview box.</td>
      </tr>
      <tr valign="top">
        <td><strong>Image:</strong></td>
        <td>Select an image for the element or clear the image. See "<a href="image_chooser.html">Adding Images to Elements</a>" for more details</td>
      </tr>
      <tr valign="top">
        <td><strong>Position:</strong></td>
        <td>Sets the position of the image relative to the element.</td>
      </tr>
    </table>
    
    <p>&nbsp;</p>

</body>
</html>
